<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>豆瓣网首页</title>
    <style>
        body{ width: 800px; margin: 0 auto; }
        h1{ color: rgb(35, 140, 205);}
        a{ background-color: rgb(35, 140, 205);
        color: white;  text-decoration: none; border-radius: 8px;
            padding: 3px 5px;
    }
    
    </style>
</head>
<body>
    <h1>欢迎使用豆瓣网</h1>
    <p>
        <a href="/" >首页</a> <a href="/list">电影类型列表</a> <a href="/addKindsOfMovie" >添加电影类型</a>
        <a href="/addMovie" >添加电影</a>
        <a href="/bar" target="_blank" >查看柱状图</a>
        <a href="/pie" target="_blank" >查看饼状图</a>
    </p>
<!-- {{info}} -->
    <h1>ovo这是一个电影标题搜索框ovo</h1>
    <form action="/QueryResult" method="post">
    <input type="text" name="title" placeholder="请输入电影标题" > 
    <input type="submit" value="搜索">
    </form>
</body>
</html>